﻿<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        hide("logincomplete");
        $('#logincomplete').hide();
    });

    var state = 'none';
    function showhide(layer_ref) {
        if (state == 'block') {
            state = 'none';
        }
        else {
            state = 'block';
        }
        if (document.all) { //IS IE 4 or 5 (or 6 beta) 
            eval("document.all." + layer_ref + ".style.display = state");
        }
        if (document.layers) { //IS NETSCAPE 4 or below 
            document.layers[layer_ref].display = state;
        }
        if (document.getElementById && !document.all) {
            hza = document.getElementById(layer_ref);
            hza.style.display = state;
        }
    }
    function hide(control) {
        state = 'none';
        if (document.all) { //IS IE 4 or 5 (or 6 beta) 
            eval("document.all." + control + ".style.display = state");
        }
        if (document.layers) { //IS NETSCAPE 4 or below 
            document.layers[control].display = state;
        }
        if (document.getElementById && !document.all) {
            hza = document.getElementById(control);
            hza.style.display = state;
        }
    }
</script>

<style type="text/css">
    .buttons{border: 1px solid #ccc; -moz-border-radius : 3px; border-radius: 3px; background-color:#090; color:#fff; height:22px; padding:0px 6px 2px 6px;}
    .buttons:hover{border: 1px solid #f90; -moz-border-radius : 3px; border-radius: 3px; background-color:#090; color:#fff; height:22px; padding:0px 6px 2px 6px;}
    .texts{width:170px;}
    .logreg{text-align: center; border: 1px solid #ccc;}
    .logreg #h1{padding: 7px 0 20px 0; font-size: 18px; font-weight: bold;}
    .logreg #h1 a{color:#03d403; text-decoration:none;}
    .logreg #h1 a:hover{color:#03d403; text-shadow:1px 2px 10px #f90; text-decoration:none;}
    .logreg .img-log{border:none; margin: 0 1px -15px 0;}
    .logreg .img-line{border:none; margin: 0 0 -20px 0;}
    .logreg .img-reg{border:none; margin: 0 0 -17px 1px;}
    
    #logincomplete{text-align:left;}
    #logincomplete img{width:100px; height:100px; border-radius:0px; margin:0 0 -6px 0; border-right:1px solid #ccc; padding:1.5px;}
    #logincomplete .member{text-align: center;padding: 0 5px;}
    #logincomplete .log_user{display:inline;}
    #logincomplete .warning{float:left; background:url(../../../Content/images/fontend/icon-warning.png) no-repeat center;width: 59px;height: 60px;margin: 10px 0 -11px 1px;}
    #logincomplete .message{float:left; background:url(../../../Content/images/fontend/icon-message.png) no-repeat center;width: 59px;height: 60px;margin: 10px 5px -11px 5px;}
    #logincomplete .mark{float:left; background:url(../../../Content/images/fontend/icon-mark.png) no-repeat center;width: 59px;height: 60px;margin: 10px 0 -11px 0px;}
    #logincomplete .log_user span{background: url(../../../Content/images/fontend/icon-point-red.png) no-repeat center;width: 28px;height: 29px;display: block;margin: -13px 0 0 37px;padding: 7px 0 0 0px;text-align: center;color: white;}    
</style>

<div class="logreg">
    <div id="logregs">
        <div id="h1">
            <a href='#' onclick="showhide('loginform');showhide('registerform');">
                <img class="img-log" src="../../../Content/images/fontend/icon_login.png" alt="Đăng nhập"/>Đăng nhập</a>
            <img src="../../../Content/images/fontend/bg_line_height.png" alt="line hight" class="img-line" />
            <a href='#' onclick="showhide('registerform');showhide('loginform');">Đăng ký<img src="../../../Content/images/fontend/icon_register.png" alt="Đăng ký" class="img-reg" /></a>
        </div>
        <div id="loginform" style="display: none; text-align:left;">
            <!--<form id="login">-->
                <p>Tài khoản<br /><input type="text" value="nhập tài khoản" class="texts"/></p>
                <p>Mật khẩu<br /><input type="password" value="nhập mật khẩu" class="texts" /></p>
                <p><input type="button" value="Đăng nhập" class="buttons" onclick="hide('h1');hide('loginform'); showhide('logincomplete');"/>
                   <input type="button" value="Đóng" onclick="hide('loginform');" class="buttons"/></p>
            <!--</form>-->
        </div>
        <div id="registerform" style="display: none; text-align:left;">
            <!--<form id="register">-->
                <p>Tên tài khoản<br /><input type="text" value="nhập tên tài khoản" class="texts"/></p>
                <p>Mật khẩu<br /><input type="password" value="nhập mật khẩu" class="texts" /></p>
                <p>Xác nhận mật khẩu<br /><input type="password" value="nhập mật khẩu" class="texts" /></p>
                <p>Email<br /><input type="text" value="nhập email" class="texts" /></p>
                <p>Xác nhận email<br /><input type="text" value="nhập email" class="texts" /></p>
                <p><input type="submit" value="Đăng ký" class="buttons"/> <input type="button" value="Đóng" onclick="hide('registerform');" class="buttons"/></p>
            <!--</form>-->
        </div>
        <div id="logincomplete">
            <table border="0" cellpadding="0" cellspacing="0" width="100%;"><tr><td style="width:101px;">
                <img src="../../../Content/images/photo/thumbnail/71x71_20110526112404-A59B288F.jpg" alt=""/>
            </td><td>
                <div class="member"><a href="#">Ly Quoc Tai</a> - <a href="#" onclick="hide('logincomplete'); showhide('h1'); showhide('loginform');">[Thoát]</a></div>
                <div class="log_user">
                    <div class="warning"><span>5</span></div>
                    <div class="message"><span>10</span></div>
                    <div class="mark"><span>500</span></div>
                </div>
            </td></tr></table>
        </div>
    </div>
</div>